import HelloWorld from "../components/HelloWorld.vue";
import { getRouterInfo } from "../util/Util";

const textureRouter = [
  {
    path: "",
    name: "texture_more",
    meta: { type: 1, title: "多个纹理-多次绘制" },
    component: () => import("../components/Intermediate/TextureMore.vue"),
  },{
    path: "/texture_more_render",
    name: "texture_more_render",
    meta: { type: 1, title: "多重纹理-多次绘制" },
    component: () => import("../components/Intermediate/TextureMore2.vue"),
  },
];

const IntermediateRouter = [
  {
    path: "/texturemore",
    name: "texturemore",
    meta: { type: 1, title: "多重纹理" },
    component: () => import("../components/ContextList.vue"),
    props: {
      lists: [getRouterInfo(textureRouter)],
      titles: ["纹理"],
    },
    children: textureRouter,
  },
  {
    path: "/tran-scale",
    name: "tran-scale",
    meta: { type: 1, title: "旋转-平移[平移-旋转]" },
    component: ()=>import('../components/Intermediate/BaseRectTranform.vue'),
  },{
    path: "/clock-dome",
    name: "clock-dome",
    meta: { type: 1, title: "钟表" },
    component: ()=>import('../components/Intermediate/Clock.vue'),
  },
];

const IntermediateList = getRouterInfo(IntermediateRouter);

export { IntermediateList, IntermediateRouter };
